﻿/* Estilo by Ribas CSS e CSS3 */

/*Body geral*/
 body /* Define a formatação da tag <body> */
        {
            font-family: Verdana;       /* Tipo de Fonte */
            font-size: 9pt;             /* Tamanho da Fonte */
            padding: 1px;              /* Margem Interna */
            background-color: #fff;     /* Cor de Fundo */
            color: #666;
        }


/* Grid Geral */

.mGrid { background-color: #fff; margin: 0px 0 10px 0; border: solid 1px #c1c1c1; border-collapse:collapse; }
.mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.mGrid th { padding: 4px 2px; color: #666; background: #F3F3F3 url(../Images/grd_alt.png) repeat-x top; font-family: Verdana; font-size: 0.9em; }
.mGrid .SelectedRowStyle { background-color: #D7D7D7; }
.mGrid .alt {background: #fcfcfc url(../Images/grd_alt.png) repeat-x top; }
.mGrid .pgr {background: #F3F3F3 url(../Images/grd_alt.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #CCCCCC; line-height: 12px; }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }


/* Padrões*/
    
.titulo
    {
        width: 533px; 
        margin-bottom: 0px; 
        margin-top: 0px; 
        font-family: verdana, Geneva, Tahoma, sans-serif; 
        font-weight: normal;
    }

.radius
    {
        border-radius: 8px;
        overflow: hidden;
    }

.paragrafo
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }

h2.headline 
    {
	    background:#666;
	    color:#fff;
	    font-size:17px;
	    font-weight:normal;
	    height:32px;
	    letter-spacing:-1px;
	    line-height:2em;
	    padding: 0 10px;
	    box-shadow:0px 2px 0px #E6E6E6;
        margin-top: 0px;
}


/* botões */
.btnsGeral
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    
    margin-right: 5px;
    float: left;
    height: 30px;
    padding: 5px;

    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

.btnsGeral:hover,.btnsGeral:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

.btnsGeral:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.btnsGeral::-moz-focus-inner
{
  border: none;
}


/* Gradient 2 */
.tb7 {
	width: 221px;
	background: transparent url('../Images/bgTextbox.jpg') no-repeat;
	color : #747862;
	height:20px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

/* Image in Text Box */
.tb11 {
	background:#FFFFFF url('../Images/search.png') no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	}

/* Tabs Para divs ---------------------------------------------------------- */

.tour-middle-tab {
	color:#111;
	padding:1px 1px;
	padding:0 0 0 0;
	overflow:hidden;
	clear:both;
    height: 46px;
    margin-top: 0px;
    margin-left: 0px;
}

.tour-middle-tab li { 
	list-style:none; 
	float:left; 
}
.tour-middle-tab ul a {
	display:block;
  	text-decoration:none!important;
	margin:0px 4px;
  	margin-left:0;
  	background:#444;
  	border-top:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	border-left:1px solid #D7D7D7;
  	background: #E9E9E9; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E9E9E9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E9E9E9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF, #E9E9E9); /* for firefox 3.6+ */
	padding: 8px 8px 8px 8px;
	font-size:12px;
	font-weight:bold;
	color:#0087EA;
	text-decoration:none;
	border-top-left-radius: 5px 5px; 
	border-top-right-radius: 5px 5px;
}

.tour-middle-tab ul a:hover {
  	color:#FFF;
 	background: #999; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0794FD', endColorstr='#0762CE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0794FD), to(#0762CE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0794FD,  #0762CE); /* for firefox 3.6+ */
	border-top:1px solid #0792FC;
	border-right:1px solid #0792FC;
	border-left:1px solid #0792FC;
}

.tour-middle-tab-area{
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:20px;
	overflow:hidden;
	clear:both;
	border-top-right-radius: 5px 5px; 
	border-bottom-left-radius: 5px 5px; 
	border-bottom-right-radius: 5px 5px;
    height: 400px;
}

.tour-middle-tab-area2{
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:20px;
	overflow:hidden;
	clear:both;
	border-top-right-radius: 5px 5px; 
	border-bottom-left-radius: 5px 5px; 
	border-bottom-right-radius: 5px 5px;
    height: 607px;
}

.tour-middle-tab-area .tour-slideshow{
	float:left;
	overflow:hidden;
	width:50%;
	background-color:#F3F3F3;
	border:1px solid #CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
    height: 389px;
}
.tour-middle-tab-area .tour-slideshow2{
	float:left;
	overflow:hidden;
	width:98%;
	background-color:#F3F3F3;
	border:1px solid #CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
    height: 385px;
}

.ad-gallery .ad-thumbs li a.ad-active img {
	border: 3px solid #259DFE;
}

.tour-middle-tab-area .tour-match{
	float:right;
	overflow:hidden;
	width:50%;
    margin-left: 0px;
}

.tour-middle-tab-area .tour-match ul{
	font-size:12px;
}

.match-tab-container{
	height:351px; 
	font-size:12px; 
	overflow:auto;
}

.tour-details{
	border:1px solid #CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	background:url(../img/mod_img/list-header.gif) repeat-x;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:10px;
	clear:both;
    height: 291px;
}

h6.tour-details-title{
	line-height:38px;
	background:url(../img/mod_img/symbol.png) 8px 11px no-repeat;
	text-indent:30px;
	border-bottom:1px solid #CCC;
	text-transform:uppercase;
	margin:1px 0px;
}

.tour-details .room-desc{
	padding:15px;
	text-align:justify;
	font-size:14px;
	color:#003580;
	line-height:22px;
}

.tour-tab{
	font-size:12px;
	padding:10px 5px !important;
	overflow:hidden;
}

.tour-tab p{
	text-align:justify;
}

.tour-tab h5.spacer{
	margin-bottom:20px;
}

.tour-tab hr{
	text-align:justify;
	margin-bottom:15px;
}

.tour-tab-feature{
	float:left;
	width:23%;
	margin-right:10px;
	line-height:20px;
}

/* ---------------------------------------------------------------------------------- */

/* Tabs Para divs --------------------------------------------------------------------- */

.tour-related{
	margin: 10px 0 0 0;
	padding: 0 0 5px 0px;
	border-bottom:1px solid #CCC;
	border-bottom-style:dashed;
	overflow:hidden;
}

a.tour-related{
	font-weight:bold;
	color:#09F;
	border:0;
}

a.tour-related:hover{
	text-decoration:underline;
	color:#999;
}

.tour-related-desc{
	font-size:11px;
	margin-left:8px;
	padding:0 0 2px 0px;
	width:42%;
	float:left;
	text-transform:capitalize;
	overflow:hidden;
}

.tour-related-star{
	margin:4px 0px;
}

.tour-related-right{
	padding:2px 0 0;
	width:30%;
	float:right;
	text-align:right;
	line-height:32px;
	overflow:hidden;
}

/* ------------------------------------------------------------------------------ */

.invisible {display:none} 

span.clearFix {width:100%; height:0px; visibility:hidden; clear:both; display:block; margin:0; padding:0; font-size:0px;}
/** box general settings **/
	div.box {margin-bottom:15px; width:100%;}
	div.box-container {background-color:#fff; padding:10px;
    height: 65px;
}
	div.box-container h5 {color:#333; padding-left:20px; border-bottom:1px solid #d7d9d9; font-weight:bold; padding-bottom:7px; margin-bottom:1px; padding-top: 1px;}
	div.box-container h5 span {font-weight:normal; font-size:0.9em;}
	
	/** QUICK VISUAL LINKS **/
	ul#quick-visual-links {width:43%;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
	ul#quick-visual-links li {float:left;}
	ul#quick-visual-links li a {width:62px; text-align:center; margin:0 3px 5px 0; font-size:0.9em; border:1px solid #ccc; display:block; padding:5px 0; text-decoration:none;
	color:#444; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	ul#quick-visual-links li img {margin-bottom:3px;}
	ul#quick-visual-links li a:hover {color:#000; border-color:#999; background:#f3f6f7}
	
	/* Estilos para datalist fotos----------------------------------- */
	
	/* estilo datalist AddFoto_Categoria----------------------------------- */
	.popular-foto-container{
	background-color:#FFF;
 	border:1px solid #DBDBDB; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
	margin-bottom:15px;
	margin: 0px 0 10px 0px;
	padding: 0 0 8px 0;
	width:286px;
	clear:both;
	overflow:hidden;
    height: 334px;
    }

    .popular-foto-col{
	    background:#FFF;
	    width:80px;
	    float:left;
	    margin: 13px 0px 0px 7px;
	    text-align:center;
        height: 76px;
    }

    .popular-foto-img-border{
	    border:1px solid #E6E6E6;
	    padding: 2px;
        width: 72px;
        height: 72px;
    }

    .block-title.popular-foto-title a{
	    color:#003366;
    }

    .block-title.popular-foto-title a:hover{
	    color:#669900;
    }
    
    /* estilo datalist InfoSupplier----------------------------------- */
    
    .popular-fotoInfo-container{
	background-color:#FFF;
 	border:1px solid #DBDBDB; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
	margin-bottom:15px;
	margin: 0px 0 0px 0px;
	padding: 0 0 8px 0;
	width:664px;
	clear:both;
	overflow:hidden;
    height: 201px;
    }

    .popular-fotoInfo-col{
	    background:#FFF;
	    width:80px;
	    float:left;
	    margin: 13px 0px 0px 7px;
	    text-align:center;
        height: 76px;
    }

    .popular-fotoInfo-img-border{
	    border:1px solid #E6E6E6;
	    padding: 2px;
        width: 72px;
        height: 72px;
    }

    .block-title.popular-fotoInfo-title a{
	    color:#003366;
    }

    .block-title.popular-fotoInfo-title a:hover{
	    color:#669900;
    }
    
    /* Estilos para datalist fotos FIM----------------------------------- */
    
    /* jQuery lightBox plugin - Gallery style */
      #gallery 
      {
            background-color: #FFFF;
            padding: 2px;
            width: 217px;
              height: 310px;
      }
      #gallery ul { list-style: none; }
      #gallery ul li { display: inline; }
      #gallery ul img 
      {
            border: 5px solid #3e3e3e;
            border-width: 5px 5px 20px;
      }
      #gallery ul a:hover img 
      {
            border: 5px solid #fff;
            border-width: 5px 5px 20px;
            color: #fff;
      }
      #gallery ul a:hover { color: #fff; }


      /* Calendario */

        .myCalendar {
            background-color: #efefef;
            width: 200px;
        }

        .myCalendar a {
            text-decoration: none;
        }

        .myCalendar .myCalendarTitle {
            font-weight: bold;
        }

        .myCalendar td.myCalendarDay {
            border: solid 2px #fff;
            border-left: 0;
            border-top: 0;
        }

        .myCalendar .myCalendarNextPrev {
            text-align: center;
        }

        .myCalendar td.myCalendarSelector {
            background-color: #dddddd;
        }

        .myCalendar .myCalendarDay a, 
        .myCalendar .myCalendarSelector a,
        .myCalendar .myCalendarNextPrev a {
            display: block;
            line-height: 18px;
        }

        .myCalendar .myCalendarDay a:hover, 
        .myCalendar .myCalendarSelector a:hover {
            background-color: #cccccc;
        }

        .myCalendar .myCalendarNextPrev a:hover {
            background-color: #fff;
        }

